<html>
<head>
<style type="text/css">

table.calosc {
  width: 800px;
}

table.tabela_grup {
 width: 100%;
}

td.info {
  width: 300px;
  vertical-align: top;
}

td.opis {
  vertical-align: top;
  text-align: justify;
  padding: 0px 0px 0px 0px;
}

div.naglowek_status {
  font-weight : bold;
  color : red;
}

td.pole_even {
  text-align : center;
  background-color: #aaaaaa;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

td.pole_odd {
  text-align : center;
  background-color: #eeeeee;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}

th.pole {
  text-align : center;
  background-color: #999999;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
} 

</style>
</head>
<body>
<script type="text/javascript">
  function rozwin(id_paragrafu)
  {
    var akapit = document.getElementById(id_paragrafu);
    var odnosnik = document.getElementById('link');
    var odnosnik2 = document.getElementById('link2');

  var view = akapit.style.display;
  if (view == "none")
  {
  odnosnik.style.display = "none";
  odnosnik2.style.display = "block";
  akapit.style.display = "block";
  }
  else
  {
      odnosnik.style.display = "block";		
	  odnosnik2.style.display = "none";		
	  akapit.style.display = "none";		
  }		
  
  }

  function zapisz_wypisz(id_przycisku, id_info, ilosc_przyciskow)
  {
    var info = document.getElementById(id_info);
    var przycisk = document.getElementById(id_przycisku);

  if (przycisk.innerHTML == "Zapisz")
  {
    przycisk.innerHTML = "Wypisz";
    var nazwa = id_przycisku.split("_");
    var ilosc = document.getElementById(nazwa[1]+"_ilosc_"+nazwa[2]);
    ilosc.innerHTML = parseInt(ilosc.innerHTML)+1;
    for (i=1; i <= ilosc_przyciskow; i++)
    {
      p2 = document.getElementById(id_przycisku.substring(0,id_przycisku.length-1)+i);
      if (p2 != przycisk)
      {
        p2.innerHTML = "Przepisz"
      }
    }
    info.innerHTML = "(Zostałeś zapisany)"
    info.style.display = "block";
  }
  else
  {
    if (przycisk.innerHTML == "Wypisz")
    {
      przycisk.innerHTML = "Zapisz";
      var nazwa = id_przycisku.split("_");
      var ilosc = document.getElementById(nazwa[1]+"_ilosc_"+nazwa[2]);
      ilosc.innerHTML = parseInt(ilosc.innerHTML)-1;

      for (i=1; i <= ilosc_przyciskow; i++)
      {
        p2 = document.getElementById(id_przycisku.substring(0,id_przycisku.length-1)+i);
        if (p2 != przycisk)
        {
          p2.innerHTML = "Zapisz"
        }
      }
      info.innerHTML = "(Zostałeś wypisany)";
      info.style.display = "block";
    }
    else
    {
      przycisk.innerHTML = "Wypisz";
      var nazwa = id_przycisku.split("_");
      var ilosc = document.getElementById(nazwa[1]+"_ilosc_"+nazwa[2]);
      ilosc.innerHTML = parseInt(ilosc.innerHTML)+1;

      for (i=1; i <= ilosc_przyciskow; i++)
      {
        p2 = document.getElementById(id_przycisku.substring(0,id_przycisku.length-1)+i);
        if (p2 != przycisk)
        {
          if (p2.innerHTML == "Wypisz")
          {
            var nazwa2 = id_przycisku.split("_");
            var ilosc2 = document.getElementById(nazwa2[1]+"_ilosc_"+i);
            ilosc2.innerHTML = parseInt(ilosc2.innerHTML)-1;
          }
          p2.innerHTML = "Przepisz"
        }
      }
      info.innerHTML = "(Zostałeś przepisany)";
      info.style.display = "block";
    }
  }
}

</script>

<h1>Kurs języka Erlanga</h1>
<table class="calosc">
  <tr class="informacje">
    <td class="info">
      <b class="info">Prowadzący: </b><br />

      <a class="info" href=http://cahirwpz.cs.uni.wroc.pl/>mgr Krystian Baclawski</a><br /><br />
      <b class="info">Typ przedmiotu: </b><br />
      Kurs <br /><br />
      <b class="info">Punkty ects: </b><br />
      5 <br /><br />
      <b class="info">Możesz zapisać się od: </b><br />

      23-02-2010 (za 3 dni) <br /><br />
      <b class="info">Wymagane: </b><br />
      
         
          <a class="info" href=>Sieci komputerowe</a> <br />
	
       				
    </td>
    <td class="opis">
      <b class="opis">Opis przedmiotu:</b><br />

      <p class="opis">Erlang jest językiem funkcyjnym ogólnego przeznaczenia, z gorliwą ewaluacją, pojedynczym przypisywaniem oraz dynamicznym typowaniem. Jego mocną stroną są doskonale rozwinięte mechanizmy równoległego i rozproszonego przetwarzania oraz tolerowania awarii. Posiada rozbudowany zestaw standardowych bibliotek (Open Telecom Platform) przeznaczonych do budowania złożonych usług sieciowych.
	<a href="#" onclick="rozwin('opis2');" class="opis" id="link">więcej</a></p>
      <p class="opis" id="opis2" style="display: none;">Erlang to jeden z niewielu języków funkcyjnych, które są aktywnie wykorzystywane w przemyśle. Wykorzystuje się go głównie w branży telekomunikacyjnej. Jest używany między innymi w: Ericsson (gdzie powstał), T-Mobile, Telia, Nokia, Nortel, Facebook. <a href="#" onclick="rozwin('opis2');" class="opis" id="link2" style="display: none;">mniej</a></p> 
    </td>
  </tr>
  <tr class="grupy">
    <td colspan="2">
      <hr class="przerwa">

      
        <table class="naglowek">
          <tr class="naglowek">
            <td class="naglowek_nazwa">
              Wykłady:
            </td>
            <td class="naglowek_status">
              <div class="naglowek_status" id="info_wyklady" style="display: none;">
                (Zostałeś zapisany)
              </div>
            </td>

          </tr>
        </table>
	
	
	<table class="tabela_grup">
	  <tr class="tabela_grup">
	    <th class="pole">Prowadzący</th>
	    <th class="pole">Termin&nbsp;zajęć</th>
	    <th class="pole">Sala</th>

	    <th class="pole">Max.&nbsp;liczba&nbsp;osób</th>
	    <th class="pole">Akt.&nbsp;liczba&nbsp;osób</th>
	  </tr>
	  
	  
	  <tr class="tabela_grup">
	    
      	      
                <td class="pole_odd">mgr Krystian Baclawski</td>

              

	    
	    
      	      
                <td class="pole_odd">wt 16:15-18:00</td>
              

	    
	    
      	      
                <td class="pole_odd">119</td>
              

	    
	    
      	      
                <td class="pole_odd">85</td>
              

	    
	    
      	      
                <td id="wyklady_ilosc_1" class="pole_odd">10</td>
              

	    
	    
	    <td class="przycisk">
	      <button id="przycisk_wyklady_1" onclick="zapisz_wypisz('przycisk_wyklady_1','info_wyklady',1);">Zapisz</button>

	    </td>
	    <td class="przycisk">
	      <button>Lista osób zapisanych</button>
            </td>
	  </tr>
	  
	</table>
	


	


	
	  <table class="naglowek">
            <tr class="naglowek">

              <td class="naglowek_nazwa">
                Pracownie:
              </td>
              <td class="naglowek_status">
                <div class="naglowek_status" id="info_pracownia" style="display: none;">
                  (Zostałeś zapisany)
                </div>
              </td>
            </tr>
          </table>

	<table class="tabela_grup">
          <tr class="tabela_grup">
            <th class="pole">Prowadzący</th>
            <th class="pole">Termin&nbsp;zajęć</th>
            <th class="pole">Sala</th>
            <th class="pole">Max.&nbsp;liczba&nbsp;osób</th>

            <th class="pole">Akt.&nbsp;liczba&nbsp;osób</th>
          </tr>
	  
          
          <tr class="tabela_grup">
            
              
              <td class="pole_odd">mgr Krystian Bacławski</td>
              
            
              
              <td class="pole_odd">wt 18:00-20:00</td>
              
            
              
              <td class="pole_odd">137</td>

              
            
              
              <td class="pole_odd">15</td>
              
            
              
                <td id="pracownia_ilosc_1" class="pole_odd">7</td>
              
            
            <td class="spis">
              <button id="przycisk_pracownia_1" onclick="zapisz_wypisz('przycisk_pracownia_1','info_pracownia',3);">Zapisz</button>
            </td>
            <td class="przycisk">
              <button>Lista osób zapisanych</button>

            </td>
          </tr>
          
          <tr class="tabela_grup">
            
              
              <td class="pole_even">dr Dariusz Biernacki</td>
              
            
              
              <td class="pole_even">śr 10:00-12:00</td>
              
            
              
              <td class="pole_even">137</td>
              
            
              
              <td class="pole_even">15</td>

              
            
              
                <td id="pracownia_ilosc_2" class="pole_even">2</td>
              
            
            <td class="spis">
              <button id="przycisk_pracownia_2" onclick="zapisz_wypisz('przycisk_pracownia_2','info_pracownia',3);">Zapisz</button>
            </td>
            <td class="przycisk">
              <button>Lista osób zapisanych</button>
            </td>

          </tr>
          
          <tr class="tabela_grup">
            
              
              <td class="pole_odd">mgr Tomasz Cichocki</td>
              
            
              
              <td class="pole_odd">śr 12:00-14:00</td>
              
            
              
              <td class="pole_odd">110</td>
              
            
              
              <td class="pole_odd">15</td>
              
            
              
                <td id="pracownia_ilosc_3" class="pole_odd">1</td>

              
            
            <td class="spis">
              <button id="przycisk_pracownia_3" onclick="zapisz_wypisz('przycisk_pracownia_3','info_pracownia',3);">Zapisz</button>
            </td>
            <td class="przycisk">
              <button>Lista osób zapisanych</button>
            </td>
          </tr>
          
        </table>

	
	

    </td>
  </tr>
</table>
</body>
</html>  
	

